<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">

    <style>
        body{
            background-image: url("images/bg2.jpg");
            background-repeat: no-repeat;
            background-position: 50% 1%;
        }

        .control-label {
            color: white;
        }
        .panel-default {
            background-color: rgba(0,0,0,0.1);
            border-color: #B1AFA6;
        }
        input[type='checkbox'] {
            position: relative;
            top: 7px;
            left: -10px;
        }
        #heading{
            background-color: transparent;
        }
        .panel-title{
            color: white;
        }
        .pull-right{
            margin-right: 40px;
        }
        span{
            color: white;
        }
        span>a{
            color: white;
            text-decoration: none;
        }
        a:hover{
            text-decoration: none;
            color: rgba(0,0,0,1);
        }
        .kongbai{height: 100px}
        .kong{height: 50px}
    </style>
</head>
<body>
<div class="kongbai"></div>
<header>
    <div class="container">
        <div class="row">
            <div class="col-md-offset-4 col-md-8">
                <img src="images/logo.png" alt="">
            </div>
        </div>
    </div>
</header>
<div class="kong"></div>
    <div class="container">
        <div class="row">
            <div class="col-md-offset-2 col-md-8">
                <!--登录面板-->
                <div class="panel panel-default">
                    <!--面板标题-->
                    <div class="panel-heading" id="heading">
                        <h2 class="panel-title">注册/<a href="index.html">首页</a></h2>
                    </div>
                    <!--面板主体-->
                    <div class="panel-body">
                        <!--登录表单-->
                        <form id="myform" class="form-horizontal" role="form"
                              action="loginaction">
                            <!--用户名-->
                            <div class="form-group">
                                <label for="name" class="col-md-2 control-label">用户名</label>
                                <div class="col-md-8">
                                    <input type="text" v-model="username"
                                           class="form-control" id="name" name="username"
                                           placeholder="请输入用户名">
                                </div>
                            </div>
                            <!--密码-->
                            <div class="form-group">
                                <label for="pwd" class="col-md-2 control-label">密码</label>
                                <div class="col-md-8">
                                    <input type="password" v-model="password"
                                           class="form-control" id="pwd" name="password"
                                           placeholder="请输入密码">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="pwd" class="col-md-2 control-label">密码</label>
                                <div class="col-md-8">
                                    <input type="password" v-model="password"
                                           class="form-control" id="pwd1" name="passwordPlus"
                                           placeholder="请输入密码">
                                </div>
                            </div>
                            <!--登录按钮-->
                            <div class="form-group">
                                <div class="col-md-offset-2 col-md-10">
                                    <input type="button" value="立即注册"
                                           class="btn btn-default sublogin" @click="reg()">
                                    <span class="pull-right">已经有账号？<a href="login.html">登录</a></span>
                                    <span></span>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>

            </div>
        </div>
    </div>
<!--引入vue-->
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<!--引入axios-->
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="js/reg.js"></script>

</body>
</html>